<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title></title>
<link rel="stylesheet" href="../layui/css/layui.css">
<link rel="stylesheet" href="../css/general.css">
<link rel="stylesheet" href="../css/survey.css">
</head>
<body class="layui-layout-body">
<div id="survey-index" class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo"><img src="../img/common/logo.jpg" alt=""></div>
		<!-- 头部区域（可配合layui已有的水平导航） -->
		<h1 v-text="user.name">魔力公寓</h1>
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item"> <a href="javascript:;">{{userinfo.loginName}}<img src="../img/common/icon07.gif" class="layui-nav-img"></a>
				<dl class="layui-nav-child">
					<dd><a href="../staff/modify_password.html"><img src="../img/common/icon08.png" alt=""><span>修改密码</span></a></dd>
					<dd><a href="../staff/bank_card.html"><img src="../img/common/icon09.png" alt=""><span>银行卡信息</span></a></dd>
					<dd><a href="javascript:;" @click.stop="doLogout"><img src="../img/common/icon10.png" alt=""><span>安全退出</span></a></dd>
				</dl>
			</li>
		</ul>
	</div>
	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll"> 
			<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
			<ul class="layui-nav layui-nav-tree"  lay-filter="test">
				<li class="layui-nav-item on"><a href="../survey/index.html"><img src="../img/common/icon01.png" alt="">概况</a></li>
				<li class="layui-nav-item"><a href="../rental/index.html"><img src="../img/common/icon02.png" alt="">租务</a></li>
				<li class="layui-nav-item"><a href="../financial_affairs/index.html"><img src="../img/common/icon03.png" alt="">财务</a></li>
				<li class="layui-nav-item"><a href="../reports/index.html"><img src="../img/common/icon04.png" alt="">报表</a></li>
				<li class="layui-nav-item"><a href="../separate_accounts/index.html"><img src="../img/common/icon05.png" alt="">分账</a></li>
				<li class="layui-nav-item"><a href="../staff/index.html"><img src="../img/common/icon06.png" alt="">员工</a></li>
			</ul>
		</div>
	</div>
	<div class="layui-body"> 
		<!-- 内容主体区域 -->
		
		<div class="date">
			<dl>
				<dt><span class="day" v-text="today.day"></span><span class="time" v-text="today.month">3月2018年</span>{{today.weekday}}</dt>
				<dd>查看今日房间运营情况：</dd>
			</dl>
		</div>
		<div class="detail">
			<p>待处理</p>
			<ul class="clearfix">
				<li>
					<dl>
						<dt>临近交租</dt>
						<dd><a href="../rental/index.html" v-text="aptPending.nearRent">18</a></dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>已逾期</dt>
						<dd><span class="red"><a href="../rental/index.html" v-text="aptPending.overdue">1</a></span></dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>快到期</dt>
						<dd><span class="green"><a href="../rental/index.html" v-text="aptPending.nearExpire">1</a></span></dd>
					</dl>
				</li>
			</ul>
		</div>
		<div class="detail rentals">
			<p>出租情况</p>
			<ul class="clearfix">
				<li>
					<dl>
						<dt>新租</dt>
						<dd v-text="rentals.newRent">16</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>退租</dt>
						<dd><span class="red" v-text="rentals.refundRent">3</span></dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>已租</dt>
						<dd v-text="rentals.hasRent">150</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>空置</dt>
						<dd v-text="rentals.empty">50</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>空置率</dt>
						<dd v-text="rentals.emptyPercent">25.00%</dd>
					</dl>
				</li>
			</ul>
		</div>
		<div class="detail income">
			<p>收入情况</p>
			<ul class="clearfix">
				<li>
					<dl>
						<dt>收入租金（元）</dt>
						<dd><span class="red" v-text="income.rent">5000.00</span></dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>收入押金（元）</dt>
						<dd><span class="red" v-text="income.deposit">10000.00</span></dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>收入杂费（元）</dt>
						<dd v-text="income.otherFees">3545.00</dd>
					</dl>
				</li>
			</ul>
		</div>
		<div class="detail expenditures">
			<p>支出情况</p>
			<ul class="clearfix">
				<li>
					<dl>
						<dt>支出金额（元）</dt>
						<dd v-text="income.refund">100.00</dd>
					</dl>
				</li>
			</ul>
		</div>
		<div class="history"><a href="../reports/index.html">查看历史数据</a></div>
	</div>
</div>
<script src="../layui/layui.js"></script>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/moment.min.js"></script>
<script src="../js/storejson2.min.js"></script>
<script src="../js/mock.js"></script>
<script src="../js/mockdata.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/vue.global.js"></script>
<script src="../js/survey/index.js"></script>
</body>
</html>